<template>
    <van-contact-card icon="location" :name="name" @click="tologin" />
    <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
    <van-coupon-cell :coupons="coupons" :chosen-coupon="chosenCoupon" @click="showList = true" />
    <van-swipe-cell>
        <template #left>
            <van-button square type="primary" text="选择" />
        </template>
        <van-cell :border="false" title="店铺优惠" value="无" />
        <template #right>
            <van-button square type="danger" text="删除" />
            <van-button square type="primary" text="收藏" />
        </template>
    </van-swipe-cell>
    <div style="height: 15px;"></div>
    <van-swipe-cell>
        <template #left>
            <van-button square type="primary" text="选择" />
        </template>
        <van-cell :border="false" title="商品金额" value="￥20.50000" />
        <template #right>
            <van-button square type="danger" text="删除" />
            <van-button square type="primary" text="收藏" />
        </template>
    </van-swipe-cell>
    <van-swipe-cell>
        <template #left>
            <van-button square type="primary" text="选择" />
        </template>
        <van-cell :border="false" title="优惠金额" value="0" />
        <template #right>
            <van-button square type="danger" text="删除" />
            <van-button square type="primary" text="收藏" />
        </template>
    </van-swipe-cell>
    <van-swipe-cell>
        <template #left>
            <van-button square type="primary" text="选择" />
        </template>
        <van-cell :border="false" title="运费" value="免运费" />
        <template #right>
            <van-button square type="danger" text="删除" />
            <van-button square type="primary" text="收藏" />
        </template>
    </van-swipe-cell>
    <van-swipe-cell>
        <template #left>
            <van-button square type="primary" text="选择" />
        </template>
        <van-cell :border="false" title="备注" value=""/>
        <template #right>
            <van-button square type="danger" text="删除" />
            <van-button square type="primary" text="收藏" />
        </template>
    </van-swipe-cell>
    <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" />
</template>

<script setup>
import { useRoute, useRouter } from 'vue-router'

const router = useRouter()
import { ref } from 'vue'
const tologin = () => {
    router.push('/login')
}
</script>

<style lang="scss" scoped>

</style>